<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover"
    />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>注册</title>
  </head>
  <body>
    <form id="registerForm">
      <div>
        <label for="">用户名 <input type="text" name="name" /></label>
      </div>
      <div>
        <label for="">密码 <input type="password" name="password" /></label>
      </div>
      <div>
        <button type="submit">注册</button>
      </div>
    </form>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
      const $form = $("#registerForm");
      $form.on("submit", (e) => {
        e.preventDefault();
        const name = $form.find("input[name=name]").val();
        const password = $form.find("input[name=password]").val();
        $.ajax({
          method: "post",
          url: "/register",
          contentType: "text/json;charest=UTF-8",
          data: JSON.stringify({ name, password }),
        }).then(
          () => {
            alert("注册成功");
            location.href = "./sign_in.html";
          },
          () => {}
        );
      });
    </script>
  </body>
</html>
